<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/shopping.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/cookie.js"></script>

    <script src="./js/shopping.js"></script>
</head>

<body>
    <!-- 顶部登录栏 -->
    <div class="mainnav">
        <div class="wrap">
            <div id="t_scroll" class="fl l_side t_scroll">
                手机版
                <i>|</i>
                Q币充值
            </div>
            <div class="fr r_side">
                <div class="game game_hide" onmouseover="this.className='game game_show'" onmouseout="this.className='game game_hide'">
                    <a class="i_sp game_menu" href="javascript:;" id="game_menu" title="游戏导航">游戏导航</a>
                </div>
                <i>|</i>
                <a href="javascript:;" title="帮助中心">帮助中心</a>
                <i>|</i>
                <div id="a_center" class="fr" style="position:relative;width: 48px;">
                    <a href="center.html" title="个人中心" class="a_link">个人中心</a>
                    <div id="sp_news_num" style="display:none;background-color:red; position: absolute;left:48px;top:4px;height:5px;width:5px;-moz-border-radius:50px;border-radius:50%;-webkit-border-radius:50px;overflow:hidden;">0</div>
                </div>

                <i>|</i>

                <div class="login fr">
                    <div id="unlogin" class="customNav">
                        您还未登录，请 &nbsp;
                        <a title="注册" href="register.html">注册</a>
                        <i>|</i>
                        <a title="登录" href="login.html">登录</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>

    <!-- 通用主题栏 -->
    <div class="menu">
        <!-- 搜索栏 -->
        <div id="blk_nav_search" class="search">
            <div class="searchbox clearfix">
                <div class="logobox fl">
                    <a class="navico logo-djc" href="javascript:;" title="道聚城">道聚城</a>
                </div>

                <div class="logogame fl">
                    <a class="navico logo-lol" href="javascript:;" title="英雄联盟">英雄联盟</a>
                </div>
            </div>
        </div>

        <!-- 主导航栏 -->
        <div class="nav" id="blk_nav_menu">
            <div class="navico navwrap clearfix">
                <ul class="fl clearfix" style="overflow:hidden;">
                    <li class="navico">
                        <a href="home.html" class="js_btn_click_report">首页</a>
                    </li>
                    <li class="navico">
                        <a href="paging.html" class="js_btn_click_report">商品列表</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">活动专区</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">限时折扣</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">聚豆乐园</a>
                    </li>
                    <li class="navico">
                        <a href="javascript:;" class="js_btn_click_report">周边商城</a>
                    </li>
                    <li class="navico">
                        <a href="center.html" class="js_btn_click_report">个人中心</a>
                    </li>
                </ul>
                <div class="fr nav-cart">
                    <a href="javascript:;" class="btn-cart" title="购物车">
                        <s class="navico i-cart"></s>购物车
                    </a>
                </div>
            </div>
        </div>
    </div>


    <!-- 面包屑 -->
    <div class="location-box clearfix">
        <div class="fl">您现在的位置： 购物车
        </div>
    </div>

    <!-- 内容区 -->
    <div class="layout mainer clearfix cartdata">
        <table class="table">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="selectAll">
                    </th>
                    <th class="wh1">商品名称</th>
                    <th class="wh2">商品图片</th>
                    <th class="wh3">商品单价</th>
                    <th class="wh4">商品数量</th>
                    <th class="wh5">小计</th>
                    <th class="wh6">操作</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
            <tfoot>
                <tr>
                    <td>
                        <input type="checkbox" name="selectAll">
                    </td>
                    <td colspan="3">总共
                        <span class="totalNum">0 </span>件商品</td>
                    <td colspan="2">总共
                        <span class="totalPrice">0 </span>元</td>
                    <td>
                        <a href="" class="confirm-bar">去结算</a>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>

    <!-- 底部帮助栏 -->
    <!-- <div class="foot_area">
        <div class="bx_qa foot_wrap clearfix">
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_new"></s>我是新手</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="什么是道聚城" class="btn_c" href="javascript:;">什么是道聚城</a>
                    </li>
                    <li>
                        <a title="如何购买道具" class="btn_c" href="javascript:;">如何购买</a>
                    </li>
                    <li>
                        <a title="如何赠送道具" class="btn_c" href="javascript:;">如何赠送</a>
                    </li>
                    <li>
                        <a title="如何获取聚豆" class="btn_c" href="javascript:;">如何获取聚豆</a>
                    </li>
                </ul>
            </div>
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_qa"></s>个人中心</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="道具发货时间" class="btn_c" href="javascript:;">发货时间</a>
                    </li>
                    <li>
                        <a title="道具如何领取" class="btn_c" href="javascript:;">如何领取</a>
                    </li>
                    <li>
                        <a title="道具补发规则" class="btn_c" href="javascript:;">补发规则</a>
                    </li>
                    <li>
                        <a title="Vip价定义" class="btn_c" href="javascript:;">Vip价定义</a>
                    </li>
                    <li>
                        <a title="道具状态定义" class="btn_c" href="javascript:;">道具状态定义</a>
                    </li>
                </ul>
            </div>
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_pay"></s>支付方式</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="支付方式" class="btn_c" href="javascript:;">支付方式</a>
                    </li>
                    <li>
                        <a title="购物点支付" class="btn_c" href="javascript:;">购物点支付</a>
                    </li>
                    <li>
                        <a title="如何充值" class="btn_c" href="javascript:;">如何充值</a>
                    </li>
                </ul>
            </div>
            <div class="bx_qa_t1">
                <h4 class="bx_qa_title">
                    <s class="i_sp i_kf"></s>腾讯在线服务</h4>
                <ul class="bx_qa_ul c">
                    <li>
                        <a title="腾讯官方在线客服" class="btn_c" id="kf" href="javascript:;">腾讯官方在线客服</a>
                    </li>
                </ul>
                <a class="business-link" href="javascript:;"></a>
            </div>
            <div class="bx_qa_t1 bx_qa_code bx_qa_last">
                <ul class="bx_qa_ul c">
                    <li>
                        <div class="foot-codeimg">
                            <img src="//js01.daoju.qq.com/common/images/mall/zsdjc.png" alt="掌上道聚城二维码" width="100" height="100">
                        </div>
                        <p class="foot-codename">掌上道聚城</p>
                    </li>
                    <li>
                        <div class="foot-codeimg">
                            <img src="//js01.daoju.qq.com/common/images/mall/wechatdjc.png" alt="道聚城公众号" width="100" height="100">
                        </div>
                        <p class="foot-codename">道聚城公众号</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot_wrap">
            <div id="footer_ied">
                <div class="wrap_ied">
                    <p>
                        <a href="javascript:;">腾讯互动娱乐</a> |
                        <a href="javascript:;">服务条款</a>|
                        <a href="javascript:;">腾讯游戏隐私保护指引</a>|
                        <a href="javascript:;">腾讯游戏儿童隐私保护指引</a>|
                        <a href="javascript:;">广告服务</a> |
                        <a href="javascript:;">腾讯游戏招聘</a> |
                        <a href="javascript:;">腾讯游戏客服</a> |
                        <a href="javascript:;">游戏地图</a> |
                        <a href="javascript:;">成长守护平台</a> |
                        <a href="javascript:;">商务合作</a> |
                        <a href="javascript:;">网站导航</a>
                    </p>
                    <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p>
                        <a href="javascript:;">腾讯公司 版权所有</a>
                    </p>
                </div>
            </div>
        </div>
    </div> -->
    <div class="fixednav">
        <a href="#top">
            <i class="bg_sp btn_top"></i>返回顶部</a>
        <a href="javascript:;">反馈</a>
    </div>

</body>

</html>